<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="new_file.css" />
	</head>
	<body>
		<img id="a" src="logo.png" />
		<div class="daohang">
			
			<ul>
				<li class="name">音乐馆</li>
			</ul>
			<ul>
				<li  class="name">我的音乐</li>
			</ul>
			<ul>
				<li  class="name">客户端</li>
			</ul>
			<ul>
				<li  class="name">音乐号</li>
			</ul>
			<ul>
				<li  class="name">vip</li>
			</ul>
			<input type="text" placeholder="搜索音乐、MV、歌单"/>
		</div>
		<div class="er">
			<h2>歌 单                                                    推 荐</h2>
			<ul>
				<li class="dier">为你推荐</li>
				<li class="dier">古风</li>
				<li class="dier">90年代</li>
				<li class="dier">情歌</li>
				<li class="dier">影视</li>
			</ul>
				<div class="disan">
			<ul>
				<li>
				<img class="tj" src="img/为你推荐1.jpg" />	
				<img  class="gf"  src="img/古风1.jpg" />	
				<img  class="nd"  src="img/年代1.jpg"/>
				<img class="qg" src="img/二珂1_副本.jpg">
				<img class="ys" src="img/影视1.jpg">
				</li>
				<li>
				<img  class="tj" src="img/为你推荐2.jpg" />	
				<img  class="gf" src="img/古风2.jpg" />	
				<img  class="nd"  src="img/年代2.jpg"/>
				<img class="qg" src="img/二珂2_副本.jpg">
				<img class="ys" src="img/影视2.jpg">
				</li>
				<li>
				<img   class="tj" src="img/为你推荐3.jpg" />	
				<img  class="gf" src="img/古风3.jpg" />					
				<img  class="nd"  src="img/年代3.jpg"/>
				<img class="qg" src="img/二珂3_副本.jpg">
				<img class="ys" src="img/影视3.jpg">
				</li>
				<li>
				<img  class="tj" src="img/为你推荐4.jpg" />
				<img   class="gf" src="img/古风4.jpg" />	
				<img  class="nd"  src="img/年代4.jpg"/>
			<img class="qg" src="img/二珂4_副本.jpg">
			<img class="ys" src="img/影视4.jpg">
				</li>
				<li>
				<img  class="tj" src="img/为你推荐5.jpg" />
				<img   class="gf"  src="img/古风5.jpg" />
				<img  class="nd"  src="img/年代5.jpg"/>
				<img class="qg" src="img/二珂5_副本.jpg">
				<img class="ys" src="img/影视5.jpg">
				</li>
			</ul>
			<div class="san">
			<h2>精      彩 推   荐 </h2>	
			<div >
				<img src="img/精彩推荐1.jpg" id="one"/>
			</div>
			<div >
				<img src="img/精彩推荐2.jpg" id="two"/>
			</div>
			<div >
				<img src="img/精彩推荐3.jpg" id="three">
			</div>
			</div>
			
		<div class="si">
		<h2>排行榜</h2>
			
		<p>流行指数<p>
			
			
		<div class="lhzs">
		<img  class="zp"  "img/7a73eeb048bd6fe6c9507875cbb4753b_t0159d531b4ed0466b8.jpg">
			<ul >
						
				<li class="big">1、怪咖——薛之谦  杨迪</li>
				
				</ul>
				<ul>
					<li class="big">2、扶摇——莫文蔚</li>
				</ul>
				<ul>
					<li class="big">3、渐渐——陈奕迅</li>
				</ul>
				<ul>
					<li class="big">4、讲真的——曾惜</li>
				</ul>
				<ul>
					<li class="big">5、故事外的人——慕寒</li>
				</ul>
				<ul>
				<li class="big">6、言不由衷——徐佳莹</li>
			</ul>
			
		</div>
		
		</div>	
		
		
		
		</div>
	
		<script src="new_file.js"></script>
		
	</body>
</html>
